<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Prosessing Clock - Option</title>
		<meta name="keywords" content="Prosessing,Clock,Adobe AIR,Ajax/HTML,Mootools,ProsessingAS" />
		<meta name="description" content="Prosessing Clock - Adode AIR Application" />
		<meta http-equiv="Content-Language" content="ja" />
		<meta http-equiv="Content-Script-Type" content="text/javascript" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<script type="text/javascript" src="libraries/mootools/mootools-1.2.4-core.js"></script>
		<script type="text/javascript" src="libraries/mootools/mootools-1.2.4.2-more.js"></script>
		<script type="text/javascript" src="libraries/air/AIRAliases.js"></script>
		<script type="text/javascript" src="scripts/util/util.window.js"></script>
		<script type="text/javascript" src="scripts/control/control.panelswitcher.js"></script>
		<script type="text/javascript" src="scripts/control/control.tabpanel.js"></script>
		<script type="text/javascript" src="scripts/control/control.stackpanel.js"></script>
		<script type="text/javascript" src="scripts/control/control.static-task-list.js"></script>
		<script type="text/javascript" src="scripts/control/control.periodical-task-list.js"></script>
		<script type="text/javascript" src="scripts/clock/clock.database.js"></script>
		<script type="text/javascript" src="scripts/clock/clock.configuration.js"></script>
		<link rel="stylesheet" type="text/css" href="share/styles/default.css" media="screen,print" />
	</head>
	<body id="configuration">
		<div id="warpper">
			<h1>ツール</h1>
			<div class="tab">
    	    	<ul class="navigation">
        	    	<li class="theme"><a title="テーマ" href="#"><img src="share/assets/btn_theme.gif" alt="テーマ" width="93" height="48" /></a></li>
            	    <li class="schedule"><a title="スケジュール" href="#"><img src="share/assets/btn_schedule.gif" alt="スケジュール" width="126" height="48" /></a></li>
	            </ul>

				<div class="panelGroup">

		            <div id="theme" class="panel">
		            	<ul>
		                	<li class="first"><a title="default" href="#default" class="default"><img src="users/themes/default/snapshot.jpg" alt="default" width="160" height="94" /><br /><span class="name">default</span></a></li>
		                	<li class="second"><a title="smart" href="#smart" class="smart"><img src="users/themes/smart/snapshot.jpg" alt="smart" width="160" height="94" /><br /><span class="name">smart</span></a></li>
		                </ul>
		            </div>

					<div id="schedule" class="panel">
						<div class="stackPanel">
		                    <ul class="navigation">
		                        <li><a href="#">指定時間</a></li>
		                        <li><a href="#">一定時間</a></li>
		                    </ul>

							<div class="panelGroup">
		                        <div id="static" class="panel">
		                        	<h2>指定時間</h2>
									<p class="controls">追加ボタンをクリックするとタスクを追加することができます。&nbsp;<a class="add button"><span class="label">追加</span></a></p>
		                        </div>
		                        <div id="periodical" class="panel">
		                        	<h2>一定時間</h2>
									<p class="controls">追加ボタンをクリックするとタスクを追加することができます。&nbsp;<a class="add button"><span class="label">追加</span></a></p>
		                        </div>
							</div>
						</div>
					</div>
				</div>
			</div>
            <p class="controls"><a class="save button"><span class="label">保存</span></a> <a class="cancel button"><span class="label">キャンセル</span></a></p>
		</div>
	</body>
</html>
